import React from 'react'
import { Select } from 'antd'
import { PageHeaderWrapper } from '@ant-design/pro-layout'
import LineChart from '../components/line/index'

import Chunk from '../components/chunk'

const { Option } = Select
export default () => {

    const dataList = [
        {
            title: "订单金额",
            value: "99.99",
        },
        {
            title: "订单数",
            value: "2",
        },
        {
            title: "订单商品数",
            value: "20",
        }
    ]

    return (
        <PageHeaderWrapper title={false}>
            <Chunk dataList={dataList} />

            <div style={{ backgroundColor: "white", padding: "15px", marginTop: "20px" }}>
                <div style={{ display: "flex", justifyContent: "space-between", marginBottom: "20px" }}>
                    <div>
                        <nav style={{ borderLeft: "4px solid #4685FD", paddingLeft: "6px" }}>趋势分析</nav>
                    </div>
                    <div style={{}}>
                        <Select style={{ width: "200px" }} defaultValue="1">
                            <Option value="1">
                                今日实时
                            </Option>
                        </Select>
                    </div>
                </div>
                <LineChart />
            </div>
        </PageHeaderWrapper>
    )
}